
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title> 实验环境 - Cloud Lab</title>

    <!--引入css-->
    <link rel="shortcut icon" href="../img/logo_img.png">
    <link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">

    <style>
        .invite-friends-link input {
            margin-left:-5px;
        }
        .invite-friends-link button {
            float:left;
            margin-top:5px;
            margin-left:-5px;
        }
        p.join-vip-faq img {
            height:13px;
            width:13px;
            margin-top:-2px;
        }
    </style>
</head>

<body>
<!--网页顶部 导航栏-->
<script src="../model/topHtmlExpectIndex.js"></script>

<div class="container layout layout-margin-top">
    <ol class="breadcrumb">
        <li><a href="../developer/index.html">发布实验</a></li>

        <li id="courseNameHref">

            <a href="../courses/?tag=Linux">Linux</a>

        </li>

        <li class="active" id="courseEnvironmentHref">
            <a href="../courses/1">
                Linux 基础入门（新版）
            </a>
        </li>
    </ol>
    <div class="row">
        <div class="col-md-9 layout-body">
            <div class="side-image side-image-mobile">
                <img src="https://dn-simplecloud.shiyanlou.com/ncn1.jpg?imageView2/0/h/300" id="courseImgMobile">
            </div>
            <div class="content course-infobox">
                <div class="clearfix course-infobox-header">
                    <h4 class="pull-left course-infobox-title">

                        <span id="courseName">------</span><span>&nbsp;&nbsp;<span class="glyphicon glyphicon-edit" style="color: black" onclick="editCourseInfo()"></span>&nbsp;&nbsp;<span class="glyphicon glyphicon-trash" style="color: black" onclick="deleteCourse()"></span></span>

                    </h4>

                </div>
                <div class="clearfix course-infobox-body">
                    <div class="course-infobox-content">
                        <p id="courseDescription">------</p>
                    </div>
                    <br/>
                    <br/>
                    <br/>
                    <center>
                        <button type="button" class="btn btn-info" onclick="uploadExperimentalEnvironment()">上传实验环境</button>
                    </center>
                    <div class="pull-right course-infobox-price">

                    </div>

                </div>
                <div class="clearfix course-infobox-footer">

                    <div class="pull-right course-infobox-learned">创建时间：<span id="courseCreateTime"></span>&nbsp;&nbsp;&nbsp;&nbsp;最后修改时间：<span id="courseModificationTime"></span></div>
                </div>
            </div>
            <div class="content">
                <ul class="nav nav-tabs" role="tablist">

                    <li role="presentation" class="active">
                        <a aria-controls="labs" role="tab" data-toggle="tab">实验环境</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="labs">
                        正在加载，请稍后...

                    </div>
                    <div role="tabpanel" class="tab-pane course-comment" id="comments">
                        <div class="comment-box">
                            <div class="comment-form">

                                <div class="comment-form-unlogin">
                                    请
                                    <a href="#sign-modal" data-toggle="modal" data-sign="signin" data-next="/courses/1"> 登录 </a>
                                    后发表评论
                                </div>

                            </div>
                            <div class="comment-title">最新评论</div>
                            <div class="comment-list">
                            </div>
                            <div class="pagination-container"></div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="reports">
                        <span class="lab-id active" data-lab-id="None">全部</span>

                        <span class="lab-id" data-lab-id="1">第1节</span>

                        <span class="lab-id" data-lab-id="2">第2节</span>

                        <span class="lab-id" data-lab-id="3">第3节</span>

                        <span class="lab-id" data-lab-id="59">第4节</span>

                        <span class="lab-id" data-lab-id="60">第5节</span>

                        <span class="lab-id" data-lab-id="61">第6节</span>

                        <span class="lab-id" data-lab-id="62">第7节</span>

                        <span class="lab-id" data-lab-id="1917">第8节</span>

                        <span class="lab-id" data-lab-id="1918">第9节</span>

                        <span class="lab-id" data-lab-id="63">第10节</span>

                        <span class="lab-id" data-lab-id="337">第11节</span>

                        <span class="lab-id" data-lab-id="346">第12节</span>

                        <span class="lab-id" data-lab-id="354">第13节</span>

                        <span class="lab-id" data-lab-id="356">第14节</span>

                        <span class="lab-id" data-lab-id="1943">第15节</span>

                        <span class="lab-id" data-lab-id="1944">第16节</span>

                        <span class="lab-id" data-lab-id="1945">第17节</span>

                        <div class="report-owner">
                            <span class="owner-list" data-user-id="">我的报告</span> / <span class="owner-list active" data-user-id="None">所有报告</span>
                        </div>
                        <div class="row report-items"></div>
                        <div class="pagination-container"></div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="questions">
                        <a class="btn btn-success" data-toggle="modal" data-target="#askquestion">我要提问</a>
                        <hr>
                        <ul class="row question-items"></ul>
                        <div class="pagination-container"></div>
                    </div>
                </div>
            </div>


        </div>
        <div class="col-md-3 layout-side">

            <div class="side-image side-image-pc">
                <img src="../img/ncn1.jpg?imageView2/0/h/300" id="courseImg">
            </div>
            <div class="sidebox mooc-teacher">
                <div class="sidebox-header mooc-header">
                    <h4 class="sidebox-title">课程教师</h4>
                </div>
                <div class="sidebox-body mooc-content">
                    <a>
                        <img src="../img/Linux&c.png">
                    </a>
                    <div class="mooc-info">
                        <div class="name"><strong id="courseTeacher">----</strong> </div>

                        <div class="courses">共发布过<strong id="coursesCount">--</strong>门课程</div>
                    </div>
                </div>
                <div class="sidebox-footer mooc-footer">
                    <a href="/developer/index.html" target="_blank">查看老师的所有课程 ></a>
                </div>
            </div>
            <div class="sidebox adv-course">
                <div class="sidebox-header">
                    <h4 class="sidebox-title">我的课程</h4>
                </div>
                <div class="sideobx-body course-content" id="myCoursesTop5">
                    正在加载，请稍后...
                </div>
            </div>
        </div>
    </div>
</div>

<!--发送实验环境信息弹窗-->
<a data-toggle="modal" data-target="#sendExperimentalEnvironmentInfo" id="sendExperimentalEnvironmentInfoHref" onclick="return false;"></a>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="sendExperimentalEnvironmentInfo" id="sendExperimentalEnvironmentInfo">
    <div class="modal-dialog modal-sm" role="document">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="sendExperimentalEnvironmentInfoClose"></button>
        <div class="modal-content">
            正在发送，请稍后......
        </div>
    </div>
</div>
<!--弹窗 上传实验环境-->
<a data-toggle="modal" data-target="#uploadExperimentalEnvironment" id="uploadExperimentalEnvironmentHref" onclick="return false;"></a>
<div class="modal fade" id="uploadExperimentalEnvironment" tabindex="-1" role="dialog" aria-labelledby="uploadExperimentalEnvironmentLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="uploadExperimentalEnvironmentLabel">上传实验环境</h4>
            </div>
            <div class="modal-body">
                <form id="experimentalEnvironmentForm" method="POST" enctype="multipart/form-data">
                    <input type="hidden" value="" name="courseId" id="courseId">
                    <!--<div class="form-group">-->
                    <!--<label for="experimentalDocumentTitle" class="control-label">实验题目</label>-->
                    <!--<input type="text" class="form-control" id="experimentalDocumentTitle" maxlength="200" placeholder="不能超过200字符..." name="experimentalDocumentTitle">-->
                    <!--</div>-->
                    <div class="form-group">
                        <label for="experimentalEnvironment" class="control-label">实验环境:</label>
                        <input type="file" class="form-control" id="experimentalEnvironment" name="experimentalEnvironment">
                        <p class="help-block">上传文件大小不能超过5GB且文件名称不能超过200字符！</p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="uploadExperimentalEnverimentForm()">上传</button>
            </div>
        </div>
    </div>
</div>
<!--弹窗 编辑课程信息-->
<a data-toggle="modal" data-target="#editCourseInfo" id="editCourse" onclick="return false;"></a>
<div class="modal fade" id="editCourseInfo" tabindex="-1" role="dialog" aria-labelledby="editCourseInfoLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="editCourseInfoLabel">修改课程</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="editCourseName" class="control-label">课程名称</label>
                        <input type="text" class="form-control" id="editCourseName" maxlength="200">
                    </div>
                    <div class="form-group">
                        <label for="editCourseDescribe" class="control-label">课程描述</label>
                        <textarea class="form-control" id="editCourseDescribe" rows="5"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="editCourseInformationConfirm()">确定</button>
            </div>
        </div>
    </div>
</div>

<!--网页登录弹窗-->
<script src="../model/loginHtml.js"></script>
<!--网页底部  导航栏-->
<script src="../model/bottomExpectIndex.js"></script>


<!--引入js-->
<script src="../app/dest/lib/lib.js?=2016121272249"></script>
<script src="../static/jquery/2.2.4/jquery.min.js"></script>
<script src="../static/ace/1.2.5/ace.js"></script>
<script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
<script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
<script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
<script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
<script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script src="../static/videojs/video.min.js"></script>
<script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

<script src="../static/ravenjs/3.7.0/raven.min.js"></script>
<script src="../app/dest/course/labs.js?=2016121272249"></script>
<script src="js/index.js"></script>
<script src="js/experimental_environment.js"></script>

</body>
</html>
